<template>
  <div class="container">
      <WujieVue
        width="100%"
        height="100%"
        name="guanlanchang"
        url="http://localhost:8888"
        :sync="true"
        :exec="false"
        :alive="true"
        :degrade="false"
      
        :plugins="[
          {
            patchElementHook(element, iframeWindow) {
              if (element.nodeName === 'SCRIPT') {
                element.crossOrigin = 'anonymous' // 添加跨域属性
              }
              if (element.nodeName == 'STYLE') {
                //处理element 样式问题
                element.insertAdjacentElement = function (_position, ele) {
                  iframeWindow.document.head.appendChild(ele)
                }
              }
            }
          }
        ]"
      />
  </div>
</template>
<script setup>
import { getAccessToken } from '@/utils/auth'

const token = getAccessToken()

const Authorization = `Bearer ${token}`

const fetchAPIMethod = () => {
  console.log('子应用调用主应用方法')
}
</script>
<style scoped lang="less">
// .container {
//   width: 100vw;
//   height: 100vh;
//   display: flex;
// }

// .app-container {
//   width: 1500px; /* 固定宽度 */
//   height: 800px; /* 固定高度 */
//   position: absolute; /* 固定位置 */
//   top: 50%; /* 距离顶部的位置 */
//   left: 50%; /* 距离左边的位置 */
//   transform: translate(-50%, -50%); /* 使容器居中 */
//   border: 1px solid #ddd; /* 可选：添加边框 */
//   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */
//   overflow: hidden; /* 隐藏超出部分 */
// }
</style>
